<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title></title>
</head>
<body ng-app="myApp" ng-init="username='xaq'">
<!--
1. 使用Angular表达式:
  * 语法: {{expression}}
  * 作用: 显示表达式的结果数据
  * 注意: 表达式中引用的变量必须是当前域对象有的属性(包括其原型属性)
2. 操作的数据
  * 基本类型数据: number/string/boolean
  * undefined, Infinity, NaN, null解析为空串: "", 不显示任何效果
  * 对象的属性或方法
  * 数组
-->
<div ng-controller="MyCtrl">
  <p>{{123}}</p>
  <p>{{'abc'}}</p>
  <p>{{username}}</p>
  <p>{{true}}</p>
  <p>--{{undefined}}--</p>
  <p>{{abc}}</p>
  <p>{{abc.split('')}}</p>
  <p>{{abc.split('').reverse()}}</p>
  <p>{{abc.split('').reverse().join('')}}</p>

</div>



</body>
<script type='text/javascript' src="../../js/angular-1.5.5/angular.js"></script>
<script type='text/javascript'>
   angular.module('myApp',[])
     .controller('MyCtrl',function ($scope) {
       $scope.abc='NBA';
     })
</script>
</html>